Web dizajn - Prvi cas vjezbi
Uvodne napomene
- Pokrenite program Wamp kao administrator (desni klik - Run as administrator) i startujte sve procese u
programu. Potrebno je da ikonica postane zuta ili zelena.
- Nakon toga pokrenite Task Manager i stopirajte proces MySQL56.
- Kada to zavrsite, u glavnom wamp folderu napravite folder sa svojim imenom i prezimenom (BEZ RAZMAKA)!
Primjer: "MarkoMarkovic"
- U novokreiranom folderu napravite fajl sa imenom "prvicas" pri cemu je u padajucem meniju za tip fajla
potrebno izabrati HTML. Pokrenite fajl koristeci program Notepad (desni klik - Open with Notepad). U
novokreiranom fajlu napisite rijec "Proba" i sacuvajte ga.
- Nakon sto je fajl sacuvan potrebno je da otvorite Google Chrome i u linku ukucate
"localhost/nazivFoldera/prvicas.html" pri cemu kao naziv foldera stavite naziv foldera koji ste
kreirali, sa svojim imenom i prezimenom.
Gradivo koje radimo na prvom casu:
- Paragrafi (font-size: 18pt)
- Liste (font-size: 16pt)
- Linkovi (font-size: 14pt)
- Tabele (font-size: 12pt)
Gradivo koje cemo raditi na narednim casovima:
Forme (font-size: 18pt)
Baze podataka (font-size: 16pt)
PHP (font-size: 14pt)
Paragrafi
Paragrafi se oznacavaju tagom "p" i svaki paragraf pocinje u novom redu. Pomocu opcije "style" mozemo
podesavati atribute teksta u jednom paragrafu.
Liste
Liste se oznacavaju tagovima "ol" ili "ul" u zavisnosti da li su numerisane ili ne.
- Nenumerisan clan liste A
- Nenumerisan clan liste B
- Numerisan clan liste A
- Numerisan clan liste B
Linkovi
Linkovi se oznacavaju tagom "a" i klikom na tekst linka vodimo korisnika na specificirani web sajt u opisu
linka "href".
Primjer linka koji vodi na sajt Elektrotehnickog
fakulteta.
Ako zelimo da se link otvori u novom prozoru potrebno je postaviti opciju target="_blank" u atributima linka.
Tabele
Tabele se oznacavaju tagom "table" a zatim je potrebno PRVO NAVESTI redove u tabeli tagom "tr". Nakon toga u
svakom redu mozemo postaviti kolone koriscenjem taga "td".
Red 1 - Kolona 1 |
Red 1 - Kolona 2 |
Red 2 - Kolona 1 |
Red 2 - Kolona 2 |
Red 3 - Kolona 1 |
Da bi jedan red tabele zauzeo dvije kolone treba staviti colspan="2" u atributima te kolone.